<!doctype html>
<!-- The DOCTYPE declaration above will set the    -->
<!-- browser's rendering engine into               -->
<!-- "Standards Mode". Replacing this declaration  -->
<!-- with a "Quirks Mode" doctype may lead to some -->
<!-- differences in layout.                        -->

<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <!--                                                               -->
    <!-- Consider inlining CSS to reduce the number of requested files -->
    <!--                                                               -->
    <link type="text/css" rel="stylesheet" href="BudgetEventPlanner.css">

    <!--                                           -->
    <!-- Any title is fine                         -->
    <!--                                           -->
    <title>Event Budget Planner</title>
    
    <!--                                           -->
    <!-- This script loads your compiled module.   -->
    <!-- If you add any GWT meta tags, they must   -->
    <!-- be added before this line.                -->
    <!--                                           -->
    <script type="text/javascript" language="javascript" src="budgeteventplanner/budgeteventplanner.nocache.js"></script>
  </head>

  <!--                                           -->
  <!-- The body can have arbitrary html, or      -->
  <!-- you can leave the body empty if you want  -->
  <!-- to create a completely dynamic UI.        -->
  <!--             style="margin:0px"            -->
  <body style="margin:0px; margin-top:0px;">

    <!-- OPTIONAL: include this if you want history support -->
    <iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1' style="position:absolute;width:0;height:0;border:0"></iframe>
    
    <!-- background-color:#a2abf0; -->

    <!-- div style="text-align:right; padding:0px; margin:0px; border:0px;" -->

	<div id="divHome" style="margin:0px; border:0px;">
		<p align="center" style="margin-top:0px;"><img id="logoContainer" src="background.jpg" alt="logo" align="center"/></p>

  	  	<table align="center">
  	  		<tr>
  	  			<p align="center"><img id="logoContainer" src="EventBudgetPlanner-4.jpg" alt="logo" align="center"/></p>
  	  		</tr>
  	    </table>
  	    <table align="center">
      		<tr>
        		<td colspan="2" style="font-weight:bold">Username:</td>        
      		</tr>
      		<tr>
	        	<td width="300px" id="nameFieldContainer"></td>
      		</tr>
      		<tr>
	      		<td colspan="2" style="font-weight:bold">Password:</td>
      		</tr>
      		<tr>
	      		<td width="300px" id="pwFieldContainer"></td>
      		</tr>
      		<tr>
				<td></td><td id="loginButtonContainer" href="javascript:toggle();"></td>
      		</tr>
      		<!-- tr -->
      			<!-- td id="attendeePartContainer"></td -->
      			<!-- td></td><td id="attendeePartButtonContainer" align="right"></td -->
      		<!-- /tr -->
      		<tr>
	      		<td align="right">Need an account?</td>
        		<td id="signButtonContainer"></td>
      		</tr>
      		<tr height="100px">
      			<td valign="bottom" id="attendeeDPContainer"></td>
      		</tr>
      		<tr height="100px">
	      		<!-- td valign="bottom" colspan="2" style="font-weight:bold;">Please input the registration code:</td -->
      		</tr>
      		<tr height="50px">
	      		<td align="left" valign="top" id="attendeeFieldContainer"></td>
      			<td align="right" valign="top" id="attendeeButtonContainer"></td>
      		</tr>
    	</table>

    </div>
    <div id="XiaYuan" style="display: none">
    	<p ALIGN="right" style="margin-top:0px; margin-bottom:0px"><a href="http://purduebep.appspot.com"><b>Logout</b></a></p>
    	<p align="center" style="margin-top:0px;"><img id="logoContainer" src="background.jpg" alt="logo" align="center"/></p>
    	<p align="center"><img id="logoContainer" src="organizer.jpg" alt="logo" align="center"/></p>
    </div>
    <div id="divVendor" style="display: none">
    	<p ALIGN="right" style="margin-top:0px; margin-bottom:0px"><a href="http://purduebep.appspot.com"><b>Logout</b></a></p>
    	<p align="center" style="margin-top:0px;"><img id="logoContainer" src="background.jpg" alt="logo" align="center"/></p>
    	<p align="center"><img id="logoContainer" src="vendor.jpg" alt="logo" align="center"/></p>
    </div>
    <!-- START: Xuan Xu-->
    <div id="XuXuan" align="center" style="display: none">
    	<p ALIGN="right" style="margin-top:0px; margin-bottom:0px"><a href="http://purduebep.appspot.com"><b>Logout</b></a></p>
    	<p align="center" style="margin-top:0px;"><img id="logoContainer" src="background.jpg" alt="logo" align="center"/></p>
    	<p align="center"><img id="logoContainer" src="attendeeManager.jpg" alt="logo" align="center"/></p>
    	<table align="center">  <tr><td id="attendees"></td></tr> </table> 
    </div>
    <div id="XuXuan2" style="display: none">
    	<p align="center" style="margin-top:0px;"><img id="logoContainer" src="background.jpg" alt="logo" align="center"/></p>
    	<p align="center"><img id="logoContainer" src="attendeeRegistration.jpg" alt="logo" align="center"/></p>
    	<table align="center">
    	<tr>
    <td id="status"></td>
	<td id="statusBox"></td>

	<tr>
	<td id="email"></td>
	<td id="emailBox"></td>
	</tr>
 	<tr>
	<td id="firstName"></td>
	<td id="firstNameBox"></td>
	</tr>
      
  	<tr>
	<td id="midName"></td>
	<td id="midNameBox"></td>
	</tr>     

 	<tr>
	<td id="lastName"></td>
	<td id="lastNameBox"></td>
	</tr>
 	<tr>
	<td id="jobTitle"></td>
	<td id="jobTitleBox"></td>
	</tr>
 	<tr>
	<td id="company"></td>
	<td id="companyBox"></td>
	</tr>

 	<tr>
	<td id="address1"></td>
	<td id="address1Box"></td>
	</tr>

 	<tr>
	<td id="address2"></td>
	<td id="address2Box"></td>
	</tr>
      
	<tr>
	<td id="city"></td>
	<td id="cityBox"></td>
	</tr>
      
      
	<tr>
	<td id="state"></td>
	<td id="stateBox"></td>
	</tr>

	<tr>
	<td id="zip"></td>
	<td id="zipBox"></td>
	</tr>

	<tr>
	<td id="phone"></td>
	<td id="phoneBox"></td>
	</tr>

	<tr>
	<td></td>
	<td id="submit" align="right"></td>
	</tr>

	</table>
    </div>
	<div id="dbtest" style="display: none">
	    <table>
    		<tr>
    			<td id="databaseContainer"></td>
    		</tr>
    	</table>
    	<table>
    		<tr>
    			<td id="registerContainer"></td>
    		</tr>
    	</table>
    	    	<table>
    		<tr>
    			<td id="eventContainer"></td>
    		</tr>
    	</table>
	</div>
	<div id="divPopup" style="display:none" align="center">
	    <p align="center" style="margin-top:0px;"><img id="logoContainer" src="background.jpg" alt="logo" align="center"/></p>
	    <p align="center"><img id="logoContainer" src="registration.jpg" alt="logo" align="center"/></p>
	</div>
  </body>
</html>
